<template>
  <nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <abbr title="Home">
            <span class="glyphicon glyphicon glyphicon-home"></span>
          </abbr>
        </a>
      </div>
      <div>
        <ul class="nav navbar-nav navbar-left">
          <li class="chirping"><a class='' href="/chirping/html">Chirping</a></li>
          <li class="chirpings"><a class='' href="/">Chirpings</a></li>
          <li class="message">
            <a href="#">Message<span class="msg-text badge">3</span></a>
          </li>
          <li class="preference">
            <a href="/preference/html">Preference</a>
          </li>
        </ul>
        <form class="navbar-form navbar-right" role="search">
          <div class="form-group">
            <input name='text' type="text" class="search form-control" placeholder="Search">
          </div>
          <a type="submit" class="btn btn-default" href='#'>
            <abbr title="Home">
              <span class="glyphicon glyphicon glyphicon-search"></span>
            </abbr>
          </a>
        </form>
      </div>
    </div>
  </nav>
</template>

<script>
export default {
  name: 'menu'
}
</script>
